<template>
  <div>
    <a-button
      type="primary"
      loading
      shape="round"
      danger
    >Primary Button</a-button>
    <a-button>Default Button</a-button>
    <a-button type="dashed">Dashed Button</a-button>
    <a-button type="text">Text Button</a-button>
    <a-button type="link">Link Button</a-button>
    <a-button
      type="primary"
      shape="circle"
    >
      <template #icon>
        <SearchOutlined />
      </template>
    </a-button>
    <div style="border: 0px solid red;height: 30px;"></div>

    <a-button
      type="primary"
      block
    >Primary</a-button>
    <div style="border: 0px solid red;height: 30px;"></div>

    <a-button type="primary"  ghost>Primary</a-button>
    <a-button danger>Default</a-button>
    <a-button type="dashed" danger>Dashed</a-button>
    <a-button type="text" danger>Text</a-button>
    <a-button type="link" danger>Link</a-button>
    
    <a-button type="primary">按钮</a-button>

  </div>
</template>

<script>
import { SearchOutlined } from '@ant-design/icons-vue';
export default {
  name: '',
  components: {
    SearchOutlined,
  },
  data() {
    return {
    }
  },
  created() { },
  mounted() { },
  methods: {},
  computed: {}
}
</script>
<style scoped lang='scss'>
</style>
